<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.easyui.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/icon.css"/>"/>
<link rel="stylesheet" href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/default/easyui.css"/>"/>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
$(".xinz").linkbutton({
	onClick:function(){
		$("#win1").dialog("open");
	}
});

</script>
	<table class="easyui-datagrid" data-options="
				pageList:[2,4,6,8,10],
				pageSize:10,
				pagination:true,
				method:'get',
				fitColumns:true,
				fit:true,
				nowrap:false,
				autoRowHeight:true,
				rownumbers:true,
				singleSelect:true,
				striped:true,
				toolbar:'#dd18'
				">
			<thead>
				<tr>
					<th data-options="field:'a',width:50">职务编码</th>
					<th data-options="field:'b',width:50">职务名称</th>
					<th data-options="field:'c',width:50,align:'center'">创建者</th>
					<th data-options="field:'d',width:50,align:'center'">创建日期</th>
					<th data-options="field:'e',width:50,align:'center'">最后更新</th>
					<th data-options="field:'e2',width:50,align:'center'">更新日期</th>
				
					
				</tr> 
			</thead>
			<tbody>
			</tbody>
		</table>
		<div  id="dd18"  >
					<a href="#" class="xinz" data-options="iconCls:'icon-add',plain:true,text:'新增',iconAlign:'left'"></a>| 
                <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true,text:'编辑',iconAlign:'left'"></a>| 
                <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true,text:'删除',iconAlign:'left'"></a>| 
				搜索内容<input class="easyui-searchbox" data-options=" width: 
                200,labelWidth:50"> 
		</div>
		
		<div id="win1" class="easyui-dialog"
			data-options="width:505,
						height:200,
						title:'职务',
						modal:true,
						closed:true,
						buttons:[{
					text:'添加',
					handler:function(){
					
					}
				},{
					text:'取消',
					handler:function(){
						$('#win1').dialog('close');
					}
				}]">
	 		
			<div style="margin-left:60px;margin-top:20px;">*职务编码：<input class="easyui-textbox" data-options="width:200"/></div>
			<div style="margin-left:60px;margin-top:10px;">*职务名称：<input class="easyui-textbox" data-options="width:200"/></div>
		</div>
					
</body>
</html>